<div class="panel panel-default">
	<div class="panel-heading"><strong>Registro de Votos</strong></div>
	<div class="panel-body">
		<form class="form-inline" role="form" id="form_insertar">
			<div class="row">
				<div class="col-md-3">
					<div id="respuesta"></div>
					<div class="form-group">
						<label for="departamento" class="control-label"><u>D</u>epartamento: </label><br />
						<select name="departamento" id="departamento" class="form-control" accesskey="D">
							<option value="0">Seleccione el departamento:&nbsp;</option>
							<?php 
								foreach($dep as $k=>$v){	
								if($k == 66) {
									?>
									<option value="<?php echo $k;?>" selected="selected"><?php echo $v; ?></option>
									<?php
								} else {
									?>
									<option value="<?php echo $k;?>"><?php echo $v; ?></option>
									<?php
								}
							} 
							?>
						</select>
						<div id="respuestadepartamento"></div>
					</div><br />
					<div class="form-group">
						<div id="municipio"></div>
					</div>
					<div class="form-group">
						<div id="zona"></div>
						<div id="respuestazona"></div>
					</div><br /><br />
					<?php if($perfil!=3){ ?>
					<div class="form-group">
						<label for="testigo_au" class="control-label"><u>T</u>estigo: </label><br />
						<input type="text" name="testigo" id="testigo_au" class="form-control" placeholder="Id, Nombre, apellido testigo" accesskey="t" value=""/>
					</div><br />
					<?php } else{ ?>
					<input type="hidden" name="testigo" id="testigo_au" value="0"/>
					<?php } ?>
					
				</div>
				<br />
				<div class="col-md-3">
					<div class="form-group">
						<label for="puesto" class="control-label"><u>P</u>uesto: </label><br />
						<input type="text" id="puesto" name="puesto" class="form-control" placeholder="Ej: Colegio, #Puesto ..." accesskey="p"/>						
					</div>
					<br />
					<div class="form-group">
						<label for="mesas" class="control-label">M<u>e</u>sas:</label><br />
						<div id="mesa">Seleccione un Puesto</div>
						<div id="respuestamesa"></div>
					</div><br />
					<div class="form-group">
						<label for="cadidatos" class="control-label"><u>C</u>andidato: </label>
						<select name="candidatos" id="candidatos" class="form-control" disabled="disabled" accesskey="c">
							<option value="0">Seleccione el candidato</option>
							<?php 
								foreach($can as $k=>$v){	
							?>
							<option value="<?php echo $k;?>"><?php echo $k." ".$v; ?></option>
							<?php
							} 
							?>
						</select>
						<div id="respuestacandidatos"></div>
					</div><br />
				
					<div class="form-group">
						<?php if($perfil!=3){ ?>
						<div id="div-testigo">
							<label for="cantVotosTes" class="control-label">C<u>a</u>ntidad Votos Testigo: </label><br />
							<input type="text" name="cantVotosTes" id="cantVotosTes" value="0" class="form-control" accesskey="a"/>
						</div>
						<?php } if($perfil==3 || $perfil ==1) { ?>
						<div id="div-validador">
							<label for="cantVotosVali" class="control-label">Ca<u>n</u>tidad Votos Validador: </label><br />
							<input type="text" name="cantVotosVali" id="cantVotosVali" value="0" class="form-control" accesskey="n" />
						</div>
						<?php } ?>
						<div id="respuestatesval"></div><br>
					</div>
					<div class="form-group">
						<label class="control-label">
							<input type="submit" name="insertar" value="Registrar" id="insertar" class="btn btn-primary" accesskey="r" />
						</label>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>

<script>

$(document).ready(function(){
	 
	<?php if($perfil == 1){ ?>
		$("#testigo_au").attr("disabled","disabled");
		$("#puesto").focus();
	<?php } else if($perfil == 2 ){?>
		$("#testigo_au").focus();
	<?php } else if($perfil == 3){ ?>
		$("#puesto").focus();
	<?php } ?>
	/* se cargan los valores por defecto en Departamento, Municipios y Zona */
	$.post("<?php echo $url2;?>",{departamento:66},function(res){
		$("#municipio").html(res);
		$.post("<?php echo $url3;?>",{municipio:66001},function(res){
			$("#zona").html(res);
		});
	});
	/* Autocompletar para testigos, consulta por idebntificacion, nombre y apellidos*/
	$("#testigo_au").autocomplete({
		source : function(request, response) {
			/**/
			$.post("<?php echo $url7;?>",{testigo : request.term}, function(data) {
				response(data);
			}, 'json');
		},
		select : function(event, ui) {	
			$("#puesto").focus();
			console.log(ui.item); 
		},
			open: function(event, ui) {
            $(".ui-autocomplete").css("z-index", 1000);
        }
	});
	
	
	$("#puesto").autocomplete({
		source : function(request, response) {
			$("#candidatos").val(0);
			$("#candidatos").attr("disabled","disabled");
			$("#mesa").html("");
			var zona=$("#zonas").val();
			<?php if($perfil==1 || $perfil==3){ ?>
				$("#testigo_au").attr("disabled","disabled");
				$("#testigo_au").val("");
				$.post("<?php echo $url4;?>",{zona : request.term,zon:zona}, function(data) {
					response(data);
				}, 'json');
			<?php }else{ ?>
				var testigo = $("#testigo_au").val();
				if(testigo !=""){
					$.post("<?php echo $url4;?>",{zona : request.term,zon:zona}, function(data) {
						response(data);
					}, 'json');
				}else{
					$("#testigo_au").focus();
				}
			<?php } ?>
		},
			select : function(event, ui) 
		{	
			console.log(ui.item); 
			$("#candidatos").removeAttr("disabled");
			$.post("<?php echo $url5;?>",{puesto:ui.item.value},function(res){
				$("#mesa").html(res);
				$("#mesas").focus();
			});
		},
			open: function(event, ui) {
            $(".ui-autocomplete").css("z-index", 1000);
        }
	});
	
	$("#form_insertar").validate({
		rules: {
			cantVotosTes : {required:true,digits: true},
			cantVotosVali : {required:true,digits: true},
			puesto: {required:true},
			mesa: {required:true},
			testigo_au: {required:true},
			candidatos: {required:true}
		},
		messages:{
			cantVotosTes: {   required: 'Ingrese Número de Votos',
						digits: 'Solo se permiten Números'
					},
			cantVotosVali: {   required: 'Ingrese el Número de Votos',
						digits: 'Solo se permiten Números'
					},
			puesto: {required: "Ingrese el Puesto"},
			mesa: {required: "Ingrese la Mesa"},
			testigo_au: {required: "Ingrese el Testigo"},
			candidatos: {required: "Ingrese una Contraseña"}
		}
	});	
});
// Eventos objeto mesa
$("#mesa").change(function(){
	var puesto=$("#puesto").val();
	if(puesto==""){
		$("#mesa").html("");
		$("#puesto").focus();
		$("#candidatos").val(0);
		$("#candidatos").attr("disabled","disabled");
	}
});

$("#mesa").focusout(function(){
	var puesto=$("#puesto").val();
	if(puesto==""){
		$("#mesa").html("");
		$("#candidatos").val(0);
		$("#candidatos").attr("disabled","disabled");
		$("#puesto").focus();
	}
});

$("#mesa").focusin(function(){
	var puesto=$("#puesto").val();
	if(puesto==""){
		$("#mesa").html("");
		$("#candidatos").val(0);
		$("#candidatos").attr("disabled","disabled");
		$("#puesto").focus();
	}
});


$("#departamento").change(function(event){
	var departamento = $("#departamento").val();
	if(departamento!=0){
		$.post("<?php echo $url2;?>",{departamento:departamento},function(res){
			$("#municipio").html(res);
		});
	} else {
		$("#respuestadepartamento").html('<span class="label label-danger">Seleccione un departamento.</span>');
	}
});

$("#municipio").change(function(event){
	var municipio = $("#municipios").val();
	if(municipio!=0){
		$.post("<?php echo $url3;?>",{municipio:municipio},function(res){
			$("#zona").html(res);
			var zona = $("#zonas").val();
			if(zona!=0){
				$.post("<?php echo $url4;?>",{zona:zona},function(res){
					$("#puesto").html(res);				
				});
			} else {
				$("#respuestamunicipio").html('<span class="label label-danger">Seleccione un municipio.</span>');
			}
		});
	} else {
		$("#respuestazona").html('<span class="label label-danger">Seleccione una zona.</span>');
	}	
});

$("#zona").change(function(event){
	var zona = $("#zonas").val();
	if(zona!=0) {
		$.post("<?php echo $url4;?>",{zona:zona},function(res){
			$("#puesto").html(res);				
		});
	} else {
		$("#respuestamunicipio").html('<span class="label label-danger">Seleccione un municipio.</span>');
	}
});


$("#insertar").click(function(event){
	event.preventDefault();
	var form = $( "#form_insertar" );
	form.valid();
	$("#respuesta").html('<img src="<?php echo base_url();?>media/images/progress_bar.gif" alt="" />');
	var mesa=$("#mesas").val();
	var candidato=$("#candidatos").val();
	var testigo=$("#testigo_au").val();
	var cantVotTestigo=$("#cantVotosTes").val();
	var cantVotValidador=$("#cantVotosVali").val();
	var perfil=<?php echo $perfil;?>;
	if(mesa !=0 && mesa != undefined) {
		if(candidato!=0) {
				if(testigo!="" || perfil==3) {
					if(cantVotTestigo!="" || cantVotValidador!="" ) {
						$.post("<?php echo $url1;?>",{mesa:mesa,candidato:candidato,testigo:testigo,cantVotTestigo:cantVotTestigo,cantVotValidador:cantVotValidador},function(res){
							sleep(400);
							$("#respuestatesval").html('');
							$("#respuestacandidatos").html('');
							$("#respuesta").html('');
							$("#cantVotosTes").val(0);
							$("#cantVotosVali").val(0);
							$("#candidatos").val(0);
							$("#respuesta").html('<span class="label label-success">Votacion registrada para la mesa '+mesa+'</span>');
							$("#puesto").focus();
						});
					}else{
						$("#respuestatesval").html('<span class="label label-danger">Ingrese la cantidad de votos.</span>');
					}
				}else{
					$("#respuestatesval").html('<span class="label label-danger">Seleccione el testigo o el validador.</span>');
				}
	   }else{
		$("#respuestacandidatos").html('<span class="label label-danger">Debe seleccionar el candidato</span>');
		}
	}else{
		$("#respuesta").html('<span class="label label-danger">Debe seleccionar una mesa: Para seleccionarla escoja el departamento->Municipio->Zona->puesto</span>');
	}

});

$("#candidatos").change(function(){
	cambio_candidatos();
});

$("#candidatos").focusout(function(){
	cambio_candidatos();
});

$("#candidatos").focusin(function(){
	cambio_candidatos();
});
	

function cambio_candidatos(){
	var mesa=$("#mesas").val();
	var candidato=$("#candidatos").val();
	var perfil = <?php echo $perfil;?>;
	if(candidato >0  && mesa > 0){
		$.post("<?php echo $url8;?>",{mesa:mesa,candidato:candidato},function(res){
			if(perfil==3){
				if(res.validador>0){
					$("#cantVotosVali").val(res.validador);	
					$("#cantVotosVali").attr("disabled","disabled");
					$("#insertar").attr("disabled","disabled");
				}else{
					$("#cantVotosVali").val(res.validador);	
					$("#cantVotosVali").removeAttr("disabled","disabled");
					$("#insertar").removeAttr("disabled","disabled");
				}
			}
			if(perfil==2){
				if(res.testigo>0){
					$("#testigo_au").val(res.ntestigo);	
					$("#cantVotosTes").val(res.testigo);
					$("#cantVotosTes").attr("disabled","disabled");
					$("#insertar").attr("disabled","disabled");
				}else{
					$("#cantVotosTes").val(res.testigo);
					$("#cantVotosTes").removeAttr("disabled","disabled");
					$("#insertar").removeAttr("disabled","disabled");
				}
			}
			
			if(perfil==1){
				$("#testigo_au").removeAttr("disabled");
				$("#cantVotosVali").val(res.validador);	
				$("#cantVotosTes").val(res.testigo);
				$("#testigo_au").val(res.ntestigo);	
				if(res.testigo>0 && res.validador>0){
					$("#cantVotosTes").removeAttr("disabled","disabled");
					$("#cantVotosVali").removeAttr("disabled","disabled");
					$("#insertar").removeAttr("disabled","disabled");
				}else{
					$("#cantVotosVali").attr("disabled","disabled");
					$("#cantVotosTes").attr("disabled","disabled");
					$("#insertar").attr("disabled","disabled");
				}
			}
		},'json');
	}
}

// foco a puesto despues de seleccionar el testigo
$("#testigo_au").focusout(function(){
	$("#puesto").focus();
});

$("#ui-id-1 li a").click(function(){
	$("#puesto").focus();
});

$("#ui-id-1 li").keydown(function(event){
	if(event.keycode==9){
		event.preventDefault();
		$("#puesto").focus();
	}
});

$("#testigo_au").keydown(function(event){
	if(event.keyCode ==9){
		event.preventDefault();
		$("#puesto").focus();
	}
});

function sleep(milliseconds) {
	  var start = new Date().getTime();
	  for (var i = 0; i < 1e7; i++) {
		if ((new Date().getTime() - start) > milliseconds){
		  break;
		}
	  }
	}
	
</script>